<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>发评论</title>
		<link rel="stylesheet" type="text/css" href="../libs/mui/mui.css" />
		<link rel="stylesheet" href="../css/main.css" />
		<link rel="stylesheet" href="../libs/iconfont/fonts/iconfont.css" />
	</head>	
	<style>
		body,.mui-content{background-color: #ffffff;}
		.middle{background-color:#efeff4;height: 10px;width: 100%;}
   		textarea{border: none; padding: 5px 10px;margin:0;} 
   		.manyi{font-size: 1.6em !important;display:block;text-align: center;}
	</style>
	<body>
		<!--头部导航-->
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left">
				<span>评价</span>
			</a>
			<a class="mui-icon mui-pull-right add_comment"><h5>确定</h5></a>
		</header>
		<!--中间导航-->
		<div class="mui-content">	
			<div>
				<ul class="mui-table-view">
					<li class="mui-table-view-cell">
						<p>
							<span class="iconfont mlr manyi">
								<map id="1" class="mui-lvs">&#xe627;</map>
								<map id="2">&#xe627;</map>
								<map id="3">&#xe627;</map>
								<map id="4">&#xe627;</map>
								<map id="5">&#xe627;</map>
							</span>
						</p>
					</li>
				</ul>
			</div>
			<div class="middle"></div>
			<div class="m5">
				<textarea name="" rows="" cols="" placeholder="说点什么" class="content"></textarea>
			</div>
		</div>	
	</body>
	<script src="../js/mui.js"></script>
	<script src="../libs/jquery/jquery.js"></script>
	<script type="text/javascript" src="../js/public.js" ></script>
	<script type="text/javascript" src="../js/app/send-comment.js" ></script>
	<script type="text/javascript">
		mui.init();
		$('.mlr map').on('tap',function(){
			var _this = $(this);
		 	var shu = _this.attr('id');
			if(shu==1){
				$('#1').attr('class','mui-lvs');
				$('#2,#3,#4,#5').attr('class','');
			}else if(shu==2){
			    $('#1,#2').attr('class','mui-lvs');
			    $('#3,#4,#5').attr('class','');
			}else if(shu==3){
			    $('#1,#2,#3').attr('class','mui-lvs');
			    $('#4,#5').attr('class','');
			}else if(shu==4){
				$('#1,#2,#3,#4').attr('class','mui-lvs');
				$('#5').attr('class','');
			}else if(shu==5){
				$('#1,#2,#3,#4,#5').attr('class','mui-lvs');	
			}	       
		})
	</script>
</html>
